<template>
  <div class="key_words">
    <p class="isred">{{$t('report.imReportDelistingNotice')}}</p>
    <el-tabs v-model.trim="reportName" type="card" class="header">
      <el-tab-pane :label="$t('report.imFlowAnalysis')" name="flow">
      </el-tab-pane>
      <el-tab-pane :label="$t('report.imTalkAnalysis')" name="talk">
      </el-tab-pane>
      <keep-alive>
        <component :is="reportName" class="content"></component>
      </keep-alive>
    </el-tabs>
  </div>
</template>
<script>
  import talk from './form/Talk'
  import flow from './form/Flow'
  export default {
    name: 'key_words',
    data () {
      return {
        reportName: 'flow',
        name: 'talk'
      }
    },
    computed: {
    },
    components: {
      talk,
      flow
    },
    methods: {
    },
    beforeMount () {
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../assets/common.styl"
  .isred
    margin-bottom 10px
    color $c-pink
    padding 20px 30px 0 20px
</style>
